<template>
  <div class="section_con">
    <el-tabs v-model="tabsActiveName" @tab-click="handleClick" type="card">
      <el-tab-pane label="测评结果" name="1"></el-tab-pane>
      <!-- <el-tab-pane label="签到表" name="2"></el-tab-pane> -->
    </el-tabs>
    <!-- 测评结果 E -->
    <EvaluationResData v-if="tabsActiveName === '1'" :assessmentId="assessmentId"></EvaluationResData>
    <!-- 测评结果 S -->
    <!-- 签到 E -->
    <!-- <EvaluationSignData v-if="tabsActiveName === '2'" :assessmentId="assessmentId"></EvaluationSignData> -->
    <!-- 签到 S -->
  </div>
</template>

<script>
import EvaluationResData from './EvaluationResData.vue'
// import EvaluationSignData from './EvaluationSignData.vue'
export default {
  name: 'EvaluationData',
  props: { assessmentId: String },
  components: { EvaluationResData },
  data() {
    return {
      tabsActiveName: '1',
    }
  },
  computed: {},
  created() {
    // this.initdata();
    this.tabsActiveName = this.$route.query.tabsActiveName ? this.$route.query.tabsActiveName : '1'
  },
  mounted() {},
  methods: {
    handleClick(e) {
      this.tabsActiveName = e.name
    },
    /* 头部样式 */
    headerStyle({ row, column, rowIndex, columnIndex }) {
      return 'headerStyle'
    },
    rowClass({ row, rowIndex }) {
      return 'rowClass'
    },
  },
}
</script>

<style lang="scss" scoped>
.section_con {
  height: 100%;
  background-color: #fff;
  font-size: 14px;
  /* /deep/.el-tabs__nav-wrap::after {
    background-color: transparent;
  } */
  /deep/.el-tabs__header {
    border: none;
    background: #f2f2f2;
    .el-tabs__nav {
      border: none;
      z-index: 0;
    }
  }
  /deep/.el-tabs__item {
    background: #f2f2f2;
    border: none;
  }
  /deep/.el-tabs__item.is-active {
    background: #fff;
    // border-radius: 5px 5px 0 0;
    color: #1559b8;
  }
  /deep/.el-tabs__active-bar {
    background-color: #fff;
  }
  /* /deep/.el-tabs__item.is-active {
    color: #2261b9;
  }
  /deep/.el-tabs__active-bar {
    background-color: #2261b9;
  } */
}
</style>
